/* ################################################################# */
/* ############################# PAGE ############################## */
/* ################################################################# */

gs-page {
    position: relative;
    display: block;
    
    /* fill availible space by default */
    width: 100%;
    height: 100%;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /* flexbox */
    /*display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    /*display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    /*display: -ms-flexbox;      /* TWEENER - IE 10 */
    /*display: -webkit-flex;     /* NEW - Chrome */
    /*display: flex;
    
    /* flex vertical (so that we have gs-headers and gs-footers and then the gs-body flexes vertically to fill the space) */
    /*flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;*/
}